{% load blog_tags %}
<header id="header" class="header">
    <div class="container-inner">
        <div class="yusi-logo">
            <a href="/">
                <h1>
                    <span class="yusi-mono">{{ SITENAME|default:"Seam" }}</span>
                    <span class="yusi-bloger">{{ SITENAME|default:"蜷缩的蜗牛" }}</span>
                </h1>
            </a>
        </div>
    </div>

    <div id="nav-header" class="navbar">
        {% get_top_category_list as categorys %}
		<ul class="nav">
			<li id="menu-item-44" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-44">
                <a href="{% url "blog:index" %}">首页</a>
            </li>
            {% for category in categorys %}
                <li id="menu-item-14" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-14">
                    <a href="{% url "blog:category" category.slug %}">{{ category.name }}</a>
                    {% if category.parent_category.all %}
                        <ul class="sub-menu">
                        {% for foo in category.parent_category.all %}
                            <li id="menu-item-19" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-19"><a href="{% url "blog:category" foo.slug %}">{{ foo.name }}</a></li>
                        {% endfor %}
                    </ul>
                    {% endif %}

                </li>
            {% endfor %}

{#            <li id="menu-item-7" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-7"><a href="#">编程语言</a>#}
{#                <ul class="sub-menu">#}
{#                    <li id="menu-item-153" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-153"><a href="#">HTML</a></li>#}
{#                    <li id="menu-item-960" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-960"><a href="/blog/category/python/">Python</a></li>#}
{#                    <li id="menu-item-1277" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1277"><a href="#">JS</a></li>#}
{#                </ul>#}
{#            </li>#}
{#            <li id="menu-item-7" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-7"><a href="#">运维杂锦</a>#}
{#                <ul class="sub-menu">#}
{#                    <li id="menu-item-154" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-154"><a href="/blog/category/fu-wu-qi-yun-wei/">服务器运维</a></li>#}
{#                    <li id="menu-item-961" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-961"><a href="/blog/category/zi-dong-hua-yun-wei/">自动化运维</a></li>#}
{#                    <li id="menu-item-1278" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1278"><a href="/blog/category/da-shu-ju-yun-wei/">大数据运维</a></li>#}
{#                </ul>#}
{#            </li>#}
{#            <li id="menu-item-418" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-418"><a href="#">福利专区</a></li>#}
            <li id="menu-item-4571" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4571"><a href="#">文章归档</a></li>
            <li id="menu-item-851" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-851"><a href="#">关于自己</a></li>
            <li id="menu-item-251" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-251"><a href="#">给我留言</a></li>

{#            <li id="menu-item-6142" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6142"><a href="#">提问交流</a></li>#}
            <!--搜索框-->
            <li style="float:right;">
                <div class="toggle-search"><i class="fa fa-search"></i></div>
                <div class="search-expand" style="display: none;">
                    <div class="search-expand-inner">
                        <form class="nav-item navbar-form mr-2 py-md-2" role="search" method="get" id="searchform" action="{% url 'search' %}">
                            <div class="input-group">
                                <input type="search" name="q" class="form-control rounded-0 f-15" placeholder="搜索" required=True>
                                <div class="input-group-btn">
                                    <button class="btn btn-info rounded-0" type="submit"><i class="fa fa-search"></i></button>
                                </div>
                            </div><!-- /input-group -->
                        </form>
                    </div>
                </div>
            </li>
            <!--搜索框结束-->
		</ul>
    </div>

</header>